.fqa {
  padding-bottom: 5rem;

  .alink {
    color: #000;
    border-bottom: 1px solid #000;
    font-family: "BTBlack";
  }

  .fqa-frame {
    width: 100%;
    clear: both;
    margin: 0 autp;
    text-align: center;
    padding-bottom: 1rem;

    .text {
      font-size: 0.8rem;
      line-height: 0.8rem;
      margin-top: 0.5rem;
      cursor: pointer;
      font-family: "BTBlack";
    }

    .text:hover {
      color: #979899;
    }
  }
}

.registerlogin {
  .alink {
    color: #000;
    border-bottom: 1px solid #000;
    font-family: "BTBlack";
  }

  .registerlogin-frame {
    clear: both;
    margin: 0 auto;
    padding: 0 3%;
    padding-bottom: 1rem;

    .tips-frame {
      width: 100%;
      clear: both;
      font-size: 0.7rem;
      line-height: 0.9rem;
      display: flex;
      flex-wrap: wrap;
      font-family: "Helvetica";

      .tips-panel {
        width: 100%;
        clear: both;
        font-size: 0.8rem;
        line-height: 0.8rem;

        .label {
          font-size: 0.8rem;
          font-family: "BTBlack";
        }
      }
    }

    .title-frame {
      width: 100%;
      clear: both;
      font-size: 0.8rem;
      line-height: 0.8rem;
      margin-top: 0.5rem;
      font-family: "BTBlack";
    }

    .img-frame {
      width: 100%;
      clear: both;

    }
  }
}

.servercount {
  padding-bottom: 5rem;
  width: 800px;
  max-width: 100%;
  clear: both;
  margin: 0 auto;

  .text {
    font-size: 0.6rem;
    line-height: 0.9rem;
    font-family: "Helvetica";
  }

  ._title {
    font-size: 0.8rem;
    line-height: 0.9rem;
    margin-top: 1rem;
    font-family: "BTBlack";
  }

  .servercount-frame {
    clear: both;
    margin: 0 auto;
    font-size: 0.6rem;
    margin-top: 1rem;
    background: #f4f5f6;
    font-family: "Helvetica";



    .text {
      background: #f4f5f6;
    }
  }
}

.makeupoem {
  width: 100%;
  clear: both;

  .makeupoem-frame {
    margin: 0 auto;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 5rem;
    font-family: "BTBlack";
    padding-top: 2.5rem;

    .colum {
      width: 100%;
      height: 4%;
    }

    .panel {
      width: 100%;
      clear: both;
    }

    .model-1 {
      min-height: 7rem;
      clear: both;
      display: flex;
      margin-top: 0.5rem;

      .side {
        width: 8rem;
        max-width: 34%;
        height: 100%;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .main {
        flex: 1;
        background: rgb(203, 251, 167);
        padding: 3%;
        font-size: 0.7rem;
        line-height: 0.7rem;
        font-family: "BTBlack";

        .logo-frame {
          width: 100%;
          clear: both;
          display: flex;
          justify-content: center;

          .logo {
            width: 3rem;
            height: 1.5rem;
          }
        }

        p {
          margin-bottom: 2%;
        }
      }
    }

    .model-2 {
      width: 800px;
      max-width: 100%;
      min-height: 3rem;
      clear: both;
      margin: 0 auto;
      margin-top: 2.5rem;
      margin-bottom: 2rem;
      border-top: 2px solid #a9aaac;
      border-bottom: 2px solid #a9aaac;
      display: flex;
      align-items: center;
      padding: 1rem 0;

      .model-2-title {
        font-size: 1rem;
      }

      p {
        line-height: 0.8rem;
        margin-top: 0.1rem;
      }

      .side {
        width: 31%;
        clear: both;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        font-size: 0.8rem;
        text-align: center;
        padding: 0 0.5rem;

        p {
          width: 100%;
        }

        span {
          font-size: 0.7rem;
          line-height: 0.7rem;
        }
      }

      .main {
        flex: 1;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        font-size: 0.8rem;
        text-align: center;
        padding: 0 0.5rem;

        p {
          width: 100%;
        }

        span {
          font-size: 0.7rem;
          line-height: 0.7rem;
        }
      }

      .line {
        width: 1px;
        height: 15px;
        background: #646566;
      }
    }

    .model-3 {
      margin-top: 1rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;

      .model-3-panel {
        width: 50%;
        clear: both;
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
        line-height: 0.8rem;
        text-align: center;
      }

      .img-fluid {
        margin-top: 0.5rem;
      }
    }

    .model-4 {
      font-size: 0.55rem;
      line-height: 0.6rem;
      margin-top: 2rem;
      font-family: "Helvetica";

      p {
        margin-top: 0.3rem;
      }
    }

    .model-5 {
      margin-top: 2.5rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;

      .title-frame {
        width: 100%;
        clear: both;
        display: flex;
        justify-content: center;
        font-family: "Reduced";

        .title {
          height: 1rem;
          font-size: 1rem;
          line-height: 0.5rem;
          padding: 0 0.7rem;
          border-bottom: 16px solid #CBFBA7;
        }
      }

      .tips {
        margin-top: 1rem;
        font-size: 0.8rem;
        line-height: 0.8rem;
      }
    }

    .model-6 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 2rem;
    }

    .model-7 {
      min-height: 6rem;
      clear: both;
      background: #CBFBA7;
      padding: 1rem 3%;
      margin-top: 0.5rem;
      display: flex;

      .main {
        flex: 1;
        clear: both;
        font-size: 0.6rem;
        line-height: 0.7rem;
        display: flex;
        flex-wrap: wrap;
        align-content: space-around;

        p {
          width: 100%;
        }
      }

      .side {
        width: 6rem;
        height: 3rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: space-between;

        .side-panel {
          width: 6rem;
          height: 1.5rem;
          background: #000;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          font-size: 0.7rem;
          border-radius: 0.1rem;
        }

        .tips {
          width: 100%;
          text-align: center;
          font-size: 0.5rem;
          line-height: 0.6rem;
          border-bottom: 1px solid #000;
        }
      }
    }

    .model-8 {
      width: 100%;
      clear: both;
      margin-top: 2rem;

      .tips {
        width: 100%;
        text-align: center;
      }

      .model-8-frame {
        width: 100%;
        clear: both;
        display: flex;
        flex-wrap: wrap;

        .model-8-panel {
          width: 373.3px;
          max-width: 100%;
          height: 10.4rem;
          padding: 0 0.25rem;
          clear: both;
          display: flex;
          flex-wrap: wrap;
          margin-top: 1.5rem;

          .model-8-img {
            width: 100%;
            height: 8rem;
            object-fit: cover;
          }

          .model-8-p {
            width: 100%;
            height: 2.4rem;
            display: flex;
            justify-content: center;
            font-size: 0.7rem;
            line-height: 2rem;
          }
        }
      }
    }

    .model-9 {
      padding: 0.8rem 5%;
      min-height: 8rem;
      clear: both;
      background: #CBFBA7;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 2rem;

      .title-frame {
        clear: both;
        display: flex;
        margin-bottom: 0.5rem;
        align-content: center;
        align-items: center;

        .line {
          width: 4rem;
          height: 2px;
          background: #979899;
        }

        .title {
          font-size: 1rem;
          line-height: 1rem;
          padding: 0 0.25rem;
        }
      }

      .model-9-frame {
        width: 100%;
        clear: both;
        display: flex;

        .side {
          width: 8rem;
          max-width: 30%;
          height: 100%;

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        .main {
          flex: 1;
          padding: 0.25rem 0.5rem;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-content: center;

          p {
            width: 100%;
            margin-top: 0.2rem;
            font-size: 0.7rem;
            line-height: 0.7rem;
            text-align: center;
          }
        }
      }
    }
  }
}

.shipcalcu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-family: "Helvetica";

  .shipcalcu-frame {
    width: 100%;
    clear: both;
    padding-bottom: 1rem;

    .panel {
      width: 100%;
      clear: both;
      margin-top: 0.5rem;
      font-size: 0.7rem;
      line-height: 0.8rem;
      display: flex;
      flex-wrap: wrap;
    }

    .calu-frame {
      .calu-panel {
        width: 100%;
        height: 7rem;
        padding: 0.5rem 1rem;
        font-size: 0.7rem;
        display: flex;
        align-items: center;

        .calu-fast {
          flex: 1;
          height: 100%;
          display: flex;
          flex-wrap: wrap;
          align-content: flex-start;

          .ul-frame {
            width: 100%;
            height: 1.5rem;
            display: flex;
            align-items: center;
            font-size: 0.7rem;

            .ul-panel {
              flex: 1;
              height: 100%;
              padding-left: 0.5rem;
              display: flex;
              align-items: center;
              justify-content: flex-end;

              .ul-fast {
                min-width: 10px;
                max-width: 100%;
                clear: both;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                color: #1989fa;
                line-clamp: 1;
                -webkit-box-orient: vertical;
              }

              .input-frame {
                width: 100%;
                height: 85%;
                border: 1px solid #eee;
                padding-left: 8px;
              }

              .icon-panel {
                font-size: 0.7rem;
                color: #000;
                margin-top: 0.2rem;
                padding: 0.3rem 1rem !important;
              }
            }
          }
        }
      }

      .calu-panel:first-child {
        background: rgb(191, 191, 191);
      }

      .calu-panel:last-child {
        border: 1px solid #eee;
      }
    }

    .caluList-frame {
      width: 100%;
      clear: both;
      background: #f4f5f6;
      border-radius: 0.2rem;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      padding-bottom: 0.5rem;
      border: 1px solid #eee;

      .caluList-panel {
        width: 100%;
        clear: both;
        padding: 0.5rem 0.5rem 0 0.5rem;
        font-size: 0.7rem;
        line-height: 0.9rem;
        display: flex;

        .caluList-fast {
          flex: 1;
          clear: both;
          padding: 0.5rem;
          background: #fff;
          border-radius: 0.2rem;
        }

        .price {
          font-size: 0.9rem;
          line-height: 0.9rem;
        }

        .time {
          font-size: 0.7rem;
          line-height: 0.9rem;
          margin-left: 0.5rem;
        }
      }
    }
  }
}
